<!DOCTYPE html>
<html>
	<head>
		<title>Dave's Fountain</title>
		<style type="text/css">
			h1 { font-weight: bold; font-size: 110%; color: blue; }
			#fountainImage { float: right; }
			.fountainOn { color: green; }
			#fountainState { color: red; }
		</style>
		<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.7.1/dojo/dojo.js"></script>
		<script src="/web_monica/monica_web_v2.src.js"></script>
		<script src="daves_fountain.js"></script>
	</head>
	<body>
		<h1>Dave's Fountain</h1>
		<div id="fountainImage"></div>
		<div id="fountainInformation">
			<span>Dave's fountain is:</span>
			<span id="fountainState"></span>
			<button type="button" id="fountainChanger"></button>
		</div>
	</body>
</html>
